@unit: 357/16rem;
body {
  font-family: Arial, sans-serif;
  /* 设置字体 */
  margin: 0;
  /* 去除默认边距 */
  padding: 0;
  /* 去除默认内边距 */
}

.container {
  width: 100%;
  max-width: 800px;
  /* 设置最大宽度 */
  margin: 0 auto;
  /* 水平居中 */
  padding: 20px;
}

.location {
  text-align: center;
  margin-bottom: 20px;
}

.location p {
  font-weight: bold;
  /* 加粗 */
  display: inline;
  /* 将文字变为行内元素 */
}

.location i {
  margin-right: 5px;
  vertical-align: middle;
  /* 垂直居中对齐 */
}

.weather-info {
  text-align: center;
}

.weather-info p {
  margin: 20px 0;
  /* 修改上下间距为 20px */
}

.big-temp {
  font-size: 100px;
  /* 设置温度大小 */
  font-weight: normal;
  /* 字体正常 */
}

.high-temperature {
  padding: 2px 5px;
  /* 添加一些内边距 */
  border-radius: 5px;
  /* 添加圆角 */
}

.wind-speed,
.humidity,
.pressure {
  font-weight: bold;
  /* 设置字体加粗 */
  color: gray;
  /* 设置字体颜色为灰色 */
}

#rainfall {
  font-style: italic;
  /* 设置字体样式为斜体 */
}

.indicator {
  margin-left: 5px;
  /* 添加一些左边距 */
}

.today-info {
  text-align: left;
  /* 左对齐 */
}

.today-temp {
  font-weight: bold;
  /* 设置字体加粗 */
}

.severity {
  background-color: darkgoldenrod;
  /* 设置背景颜色为深黄色 */
  color: white;
  /* 设置文本颜色为白色 */
  padding: 2px 5px;
  /* 添加一些内边距 */
  border-radius: 5px;
  /* 添加圆角 */
}

#additional {
  float: left;
  /* 左浮动 */
  margin-top: 10px;
  /* 添加一些上边距 */
  vertical-align: middle;
  /* 垂直居中对齐 */
}

#weather-icon {
  float: left;
  /* 左浮动 */
  margin-left: 10px;
  /* 添加一些左边距 */
  margin-top: 10px;
  /* 添加一些上边距 */
  vertical-align: middle;
  /* 垂直居中对齐 */
}

#weather-icon i {
  font-size: 24px;
  /* 设置图标大小 */
}

/* 其他样式保持不变 */

.forecast {
  margin-top: 20px;
  /* 上边距 */
  text-align: left;
  /* 文本左对齐 */
}

.forecast #additional,
.forecast #weather-icon {
  display: inline-block;
  /* 将元素放置在同一行 */
  vertical-align: middle;
  /* 垂直居中对齐 */
  margin-right: 10px;
  /* 右边距 */
}

.bottom-forecast {
  text-align: left;
  /* 文本左对齐 */
  margin-top: 20px;
  /* 上边距 */
}

.centered-image {
  max-width: 100%;
  max-height: 400px;
}

.save-button {
  background-color: #3498db;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.save-button:hover {
  background-color: #2980b9;
}

.resizable-image {
  max-width: 90%;
  /* 可以根据需要调整图片的最大宽度 */
  max-height: 50vh;
  /* 可以根据需要调整图片的最大高度 */
}

.lifestyle-indices {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  /* 生活指数和图片之间的间距 */
}

.lifestyle-index {
  width: 25%;
  /* 一排显示4个，所以宽度设置为25% */
  text-align: center;
  margin-bottom: 20px;
  /* 生活指数之间的间距 */
}

.container {
  text-align: center;
}

.icon {
  width: 40px;
  height: 40px;
  margin: 0 10px;
  cursor: pointer;
}

.feedback-form,
.contact-info,
.privacy-policy {
  display: none;
}
